<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
         <link rel="stylesheet" type="text/css" href="<?php echo $data['rootUrl']; ?>global/css/templatemo_style.css" media="screen" />
       
        <link rel="stylesheet" type="text/css" href="<?php echo $data['rootUrl']; ?>global/css/screen.css" media="screen" />
        <script src="<?php echo $data['rootUrl']; ?>global/js/jquery-1.4.1.min.js" type="text/javascript"></script>	
        <style type="text/css">
            .hidden{display: none}
            .button_01 a {
	display: block;
	width: 80px;
	height: 24px;
	padding: 4px 0 0 28px;
	color: #686b53;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background: url(images/templatemo_button_01.png) no-repeat;
}

.button_01 a:hover {
		background: url(images/templatemo_button_01_hover.png) no-repeat;	
}
        .product_box h3 {
	padding: 0;
	margin: 0 0 10px 0;
	height: 20px;
	font-size: 16px;
	padding: 10px;
	color: #85896f;
	border: 1px solid #fff;
	text-align: center;
	background: url(images/templatemo_product_box_title_bg.jpg) repeat-x;
}
        </style>
        <title>Lawyer&amp;Attorney</title>
    </head>
    <body>
        <div id="wrapper">
            <div id="header">
                <div id="logo">
                    <h1><a href="index.html">Figuratively<span>&amp;</span>Speaking</a></h1>
                </div>
                <div class="clr"></div>
            </div>
            <div class="content">
                <ul id="menu">
                    <li><a class="current" href="javascript:;">Home</a></li>
                    <li><a href="javascript:;">INTORDUCTION</a></li>
                    <li><a href="javascript:;">PICTURE</a></li>
                    <li><a href="javascript:;">MODEL</a></li>
                    <li><a href="javascript:;">FOMUM</a></li>
                    <li><a href="javascript:;">PURCHASE</a></li>
                    <li><a href="<?php echo $data['rootUrl']; ?>admin" id="login">ADMIN</a></li>
                </ul>
                <div id="pitch">
                    <h1>Sed at elit non est auctor lobortis sed nec<br />
                        Vivamus nec odio eget lacus semper</h1>
                    <p><em>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut enim risus, rhoncus sit amet ultricies vel, aliquet ut dolor. Duis iaculis urna vel massa ultricies suscipit.</em></p>
                </div>
               
                
                
                <!-- 显示图片部分 -->
                
                <div id="templatemo_content" >

	<h2>Portfolio</h2>

	<div class="product_box margin_r_10">
		<a href="work_detail.html"><img src="images/templatemo_image_01.jpg" alt="image"></a>
        <h3>Project One</h3>
        <p>Etiam molestie massa nec nulla sagittis et luctus nulla ullamcorper a porttitor est. <a href="work_detail.html">More...</a></p>
    </div>
    
    <div class="product_box margin_r_10">
		<a href="work_detail.html"><img src="images/templatemo_image_02.jpg" alt="image"></a>
        <h3>Project Two</h3>
	    <p>Aenean aliquam ullamcorper metus, at cursus elit sodales dignissim. <a href="work_detail.html">More...</a></p>
    </div>
    
    <div class="product_box margin_r_10">

        <a href="work_detail.html"><img src="images/templatemo_image_03.jpg" alt="image"></a>
        <h3>Project Three</h3>
        <p>Nam sed volutpat ipsum. Phasellus pharetra pellentesque leo ac posuere. <a href="work_detail.html">More...</a></p>
    </div>
    
	<div class="product_box ">

        <a href="work_detail.html"><img src="images/templatemo_image_04.jpg" alt="image"></a>
        <h3>Project Four</h3>
        <p>Proin rutrum neque vitae nisi venenatis blandit in ac dui. Curabitur ultricies semper. <a href="work_detail.html">More...</a></p>
    </div>
    
    <div class="cleaner"></div>
    
  	<div class="product_box margin_r_10">

	    <a href="work_detail.html">
        	<img src="images/templatemo_image_05.jpg" alt="image">
        </a>
        <h3>Project Five</h3>
        <p>Mauris dignissim vehicula sapien, in accumsan quam commodo venenatis. <a href="work_detail.html">More...</a> </p>
    </div>
    
    <div class="product_box margin_r_10">
        <a href="work_detail.html">
        	<img src="images/templatemo_image_06.jpg" alt="image">
		</a>
        <h3>Project Six</h3>
        <p>Morbi ultrices congue nunc sit amet rutrum. Ut pretium diam eu diam volutpat laoreet. <a href="work_detail.html">More...</a></p>
    </div>
    
    <div class="product_box margin_r_10">

        <a href="work_detail.html"><img src="images/templatemo_image_07.jpg" alt="image"></a>
        <h3>Project Seven</h3>
        <p>Duis facilisis ante sit amet libero sodales cursus vehicula urna euismod ultricies. <a href="work_detail.html">More...</a></p>

    </div>
    
	<div class="product_box">

        <a href="work_detail.html"><img src="images/templatemo_image_08.jpg" alt="image"></a>
		<h3>Project Eight</h3>
        <p>Proin vitae felis in urna laoreet suscipit. Integer consequat felis in justo sagittis. <a href="work_detail.html">More...</a></p>
    </div>
    
    <div class="cleaner_h20"></div>
    
    <div class="button_01"><a href="#">View All</a></div>

	<div class="cleaner"></div>
</div>
                  <!-- 显示图片结束 -->
                
                
                
                
                
                
                <!-- <div class="col">
                        <h2>Attorneys</h2>
                        <p>Sed at elit non est auctor lobortis sed nec turpis. Vivamus nec odio eget lacus semper ultrices. Cras rhoncus purus id lectus congue eu faucibus leo bibendum. Curabitur fermentum lobortis nunc, at ornare ante tristique quis.</p>
                        <a class="link" href="#">MORE</a>
                </div>
                <div class="col">
                        <h2>Accidents</h2>
                        <p>Sed at elit non est auctor lobortis sed nec turpis. Vivamus nec odio eget lacus semper ultrices. Cras rhoncus purus id lectus congue eu faucibus leo bibendum. Curabitur fermentum lobortis nunc, at ornare ante tristique quis.</p>
                        <a class="link" href="#">MORE</a>
                </div>
                <div class="col last">
                        <h2>Practice</h2>
                        <p>Sed at elit non est auctor lobortis sed nec turpis. Vivamus nec odio eget lacus semper ultrices. Cras rhoncus purus id lectus congue eu faucibus leo bibendum. Curabitur fermentum lobortis nunc, at ornare ante tristique quis.</p>
                        <a class="link" href="#">MORE</a>
                </div> -->
                <div class="clr"></div>
            </div>
            <div id="main" class="hidden">
                <div class="col">
                    <h3>Latest Articles</h3>
                    <div class="article">
                        <p class="date">March, 2010</p>
                        <h4><a href="http://www.accidentlawyersnc.com/">Truck Accident Lawyers</a></h4>
                        <p class="short">Quisque scelerisque purus quis eros sollicitudin gravida. Aliquam erat volutpat. Donec a sem consequat. <a href="#">&raquo;</a></p>
                    </div>
                    <div class="article">
                        <p class="date">February, 2010</p>
                        <h4><a href="http://www.mccabelawoffices.com/">Car Accident Lawyers</a></h4>
                        <p class="short">Quisque scelerisque purus quis eros sollicitudin gravida. Aliquam erat volutpat. Donec a sem consequat. <a href="#">&raquo;</a></p>
                    </div>
                    <div class="article">
                        <p class="date">January, 2010</p>
                        <h4><a href="http://www.hardisonwood.com/">Car Accident Attorneys</a></h4>
                        <p class="short">Quisque scelerisque purus quis eros sollicitudin gravida. Aliquam erat volutpat. Donec a sem consequat. <a href="#">&raquo;</a></p>
                    </div>
                </div>
                <div class="col">
                    <h3>External Resources</h3>
                    <div class="article">
                        <p class="date">March, 2010</p>
                        <h4><a href="http://www.truckingattorney.com/">Truck Accident Attorneys</a></h4>
                        <p class="short">Quisque scelerisque purus quis eros sollicitudin gravida. Aliquam erat volutpat. Donec a sem consequat. <a href="#">&raquo;</a></p>
                    </div>
                    <div class="article">
                        <p class="date">February, 2010</p>
                        <h4><a href="http://www.lawyermarketinggroup.com/">Law Firm Marketing</a></h4>
                        <p class="short">Quisque scelerisque purus quis eros sollicitudin gravida. Aliquam erat volutpat. Donec a sem consequat. <a href="#">&raquo;</a></p>
                    </div>
                    <div class="article">
                        <p class="date">January, 2010</p>
                        <h4><a href="#">Nunc pellentesque a porta lacus</a></h4>
                        <p class="short">Quisque scelerisque purus quis eros sollicitudin gravida. Aliquam erat volutpat. Donec a sem consequat. <a href="#">&raquo;</a></p>
                    </div>
                </div>
                <div class="col last">
                    <h3>Verdicts and Settlements</h3>
                    <div class="case">
                        <img src="<?php echo $data['rootUrl']; ?>global/images/thumb.gif" alt="Case Thumb" />
                        <p><a href="#">Donec arcu, convallis at pharetra</a><br />
                            Nunc in neque sem, a porta lacus. Pellentesque habitant morbi tristique senectus et netus et </p>
                    </div>
                    <div class="case">
                        <img src="<?php echo $data['rootUrl']; ?>global/images/thumb.gif" alt="Case Thumb" />
                        <p><a href="#">Quisque quis laoreet tristique</a><br />
                            Nunc in neque sem, a porta lacus. Pellentesque habitant morbi tristique senectus et netus et </p>
                    </div>
                    <div class="case">
                        <img src="<?php echo $data['rootUrl']; ?>global/images/thumb.gif" alt="Case Thumb" />
                        <p><a href="#">Nunc pellentesque a porta lacus</a><br />
                            Nunc in neque sem, a porta lacus. Pellentesque habitant morbi tristique senectus et netus et </p>
                    </div>
                    <div class="case">
                        <img src="<?php echo $data['rootUrl']; ?>global/images/thumb.gif" alt="Case Thumb" />
                        <p><a href="#">Nunc pellentesque a porta lacus</a><br />
                            Nunc in neque sem, a porta lacus. Pellentesque habitant morbi tristique senectus et netus et </p>
                    </div>
                </div>
                <div class="clr"></div>
            </div>
            <div id="footer">
                <p id="links">
                    <a href="#">Privacy Policy</a>
                    <a href="#">Terms of Use</a>
                </p>
                <p>
                    <a href="#">Home</a>
                    <a href="#">Practice</a>
                    <a href="#">Attorneys</a>
                    <a href="#">Accidents</a>
                    <a href="#">News</a>
                    <a href="#">About Us</a>
                    <a href="#">Contact Us</a>
                </p>
                <p>Copyright &copy; 2010 &minus; Lawyer&amp;Attorney &middot; Design: Luka Cvrk, <a href="http://www.cssmoban.com" title="Free CSS Templates">cssMoban.com</a> &not; <a href="http://www.lawyermarketinggroup.com/">Law Firm Marketing</a></p>
            </div>
        </div>
    </body>
</html>


<script type="text/javascript">
    $('#menu a').click(function(){
        $('#menu a').removeClass('current');
        $(this).addClass('current');
    })
    
    
    
    
</script>